// 随机生成字母和数字功能JavaScript实现
// 1.定义一个数组，包含所有的字母和数字

// 2.定义一个函数，用于生成随机的字母和数字

// 3.定义一个函数，用于生成指定长度的随机字符串

// 4.调用函数，生成指定长度的随机字符串

// 5.将随机字符串显示在页面上
//Math.random()----[0,1)之间的的随机数
// var arr=["TAP","BACK",""]//数组
var words = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890'//字符串
function getRandomWord() {
    var key = parseInt(Math.random() * words.length);//0~35随机数
    return words[key];
}
/*给选中的li添加css样式*/
function selectedLiCss() {
    var word = getRandomWord();
    //判断类型
    if (word.search(/[0-9]/) != -1)
    /*search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。
    如果没有找到任何匹配的子串，则返回 -1。*/ {
        word = 'n' + word;
    }
    var li = document.getElementById(word);//返回对拥有指定 id 的第一个对象的引用。

    li.classList.add('selected');
}

selectedLiCss();
/*键盘录入判断 */
document.addEventListener('keyup', function (e) {//向文档添加句柄
    //e.key.toUppeerCase()键盘录入;
    var pressWord = e.key.toUpperCase();//获取键盘的键位值
    var selectedWordEl = document.querySelector('.selected');//获取当前被选中的键位字符
    if (selectedWordEl.innerHTML === pressWord) {//判断键位的键位置与当前被选中的键位的字符是否一致

        selectedWordEl.classList.remove('selected');//按键点击正确时移除selected类

        selectedLiCss();//重新生成随机字符

        //点击正确时的音效
        var audio = new Audio();
        audio.src = './mp3/right.mp3';
        //猫叫
        audio.play();//播放音效
    }
    else {
        //错误音效
        var audio = new Audio();
        audio.src = './mp3/error.mp3';
        // 狗叫
        audio.play();
    }
});
